<template>
  <div>
    <banner></banner>
    <part1></part1>

    <part2 class="part2"></part2>
    <part3 class="part3"></part3>
<!--    <part4></part4>-->
  </div>
</template>

<script>
import part1 from "@/views/Home/module/part1";
import part2 from "@/views/Home/module/part2";
import part3 from "@/views/Home/module/part3";
import part4 from "@/views/Home/module/part4";
import banner from "@/views/Main/module/banner"
export default {
  name: "Home",
  components:{
    part1,part2,part3,part4,banner
  }
}
</script>

<style lang="less">

.part2{
  margin-bottom: 47px;
  margin-top: 47px;
}
.part3{
  margin: 47px 0;
}
</style>